@charset "utf-8"; 
/* CSS Document */ 
html{-webkit-text-size-adjust:none;/* Prevent font scaling in landscape */}
body{background-color:#fff;margin:0;padding:0;outline:none;    font-family: "Inter", sans-serif;line-height:normal;font-weight:400;color:#2c2c2c; }
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
p{margin:0;padding:0;}
img{border:0;vertical-align:text-top;}
.clear{clear:both;}
select{text-indent:11px!important} 
@-moz-document url-prefix(){select{text-indent:2px !important}} 
select, input, textarea{margin:0;padding:0;outline:none;font-family: "Inter", sans-serif;font-size:16px;color:#242424;outline:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;line-height:normal;font-family: "Inter", sans-serif; color:#242424}
hr{color:#dddddd;border:none;border-top:1px solid #dddddd;height:1px;margin:0;padding:0;margin-bottom:15px;}
.gradient{filter:none;} 
input[type=text],input[type=url],input[type=email],input[type=password],input[type=tel],input[type=button],input[type=submit], select{-webkit-appearance:none;-webkit-border-radius:0; border-radius:0;}
input[type=checkbox]{-webkit-appearance:checkbox;-webkit-border-radius:0;border-radius:0;}
input[type=radio]{-webkit-appearance:radio;-webkit-border-radius:0;border-radius:0;}
::-webkit-input-placeholder{color:#333;}
:-moz-placeholder{color:#8d8c8c;opacity:1;} 
::-moz-placeholder {color:#8d8c8c;opacity:1;}
:-ms-input-placeholder{color:#8d8c8c;}
/* new clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
a{ color:#414042;text-decoration:underline}
a:hover{ text-decoration:none}
* html .clearfix{zoom:1;}/* IE6 */
*:first-child+html .clearfix{zoom:1;}/* IE7 */
.uppercase{text-transform:uppercase}
.ptsans-regular{font-weight:400;}
.ptsans-bold{font-weight:700;}

.interbook { font-weight:400}
.inter-obligue { font-style:italic}
.interbold {font-family:'Inter',serif; font-weight:600}
.tcenter{text-align:center}
.tjustiry{text-align:justify}
.text13{font-size:13px}
.text15{font-size:15px;}
.text16{font-size:16px}
.text17{font-size:17px;}
.text18{font-size:18px;}
.text20{font-size:20px;}
.text22{font-size:22px;}
.text25{font-size:25px;}
.text30{font-size:30px;}
.text35{font-size:35px;}
.text40{font-size:40px;}
.text50{font-size:50px}
.text55 { font-size:55px;}
.text60{font-size:60px;}
.line32{line-height:32px}
.line30{line-height:30px}
.line24{line-height:24px;}
.line20{line-height:20px}
.line22{line-height:22px;}
.semibold{font-weight:600}
.bold{font-weight:800}
.line35{line-height:35px}
.line26{line-height:26px}
.col-yellow{color:#ffc632}
.open-light{font-weight:300}
.col-megenta{color:#734184}
.lspacing50{letter-spacing:.5px;}
.lspacing100{letter-spacing:1px;}
.col-turquoise { color:#069cad}

.line20{line-height:20px}
.ptop5{padding-top:5px;}
.ptop10{padding-top:10px}
.ptop15{padding-top:15px}
.ptop20{padding-top:20px}
.ptop25{padding-top:25px}
.ptop30{padding-top:30px}
.pbottom5{padding-bottom:5px;}
.pbottom10{padding-bottom:10px}
.pbottom15{padding-bottom:15px}
.pbottom20{padding-bottom:20px}
.pbottom25{padding-bottom:25px}
.pbottom30{padding-bottom:30px}

.mleft10{margin-left:10px;}

.col-white{color:#fff}
.text14{font-size:14px;}
.text13{font-size:13px;}
.line28{line-height:28px;}
.italic{font-style:italic}
.ptop5{padding-top:5px;}
.line35{line-height:35px}
.back-white{background:#fff}
.back-gray{background:#eaeaea}
.ptop5{padding-top:5px;}
.letter1{letter-spacing:1px}
.letter2{letter-spacing:2px}
.letter3{letter-spacing:3px}
.letter4{letter-spacing:4px}
.letter5{letter-spacing:5px}
.letter6{letter-spacing:6px}
.col-lightblue{color:#ffc632}
.col-charcoal{color:#333}
.col-blue{color:#069cad}
.col-yellow{color:#edb038}
.col-aqwamarine{color:#00b0a5}
.col-salmonred{color:#fb5c54}
.col-purple{color:#069cad}
.col-rama{color:#00b0a5}
.col-torquise { color:#069cad}

/*********************************Header Starts here************************************/
.container{max-width:1800px;margin:auto}
.container1 { max-width:1170px; margin:auto}

.containerpage { }
.header{  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99999;}
    .header.header24 {
        -webkit-box-shadow: 0 8px 6px -6px black;
        -moz-box-shadow: 0 8px 6px -6px black;
        box-shadow: 0 8px 6px -6px #e5e5e5;
    }
.header .container { position:relative; max-width:1800px;}
.logo{ position:absolute; top:19px; left:0; right:0; width:92px; margin:auto; width:200px}
.top-left{float:left}
.top-right{float:right;margin-top:37px;}
.topitems{position:relative;float:left;margin-top:10px}
.topimg{float:left;margin-right:10px;padding-top:3px}
.topitem-content{float:left}
.topitems-left{float:left;margin-right:25px}
.topitems-left .text15{font-size:14px;}

.topitems-left.topitems-right .topitems{margin-top:12px;color:#6b6b6b}
.topitems-left.topitems-right .topitems img{position:relative;top:0px}
.topitem-content a{color:#333;text-decoration:none;font-weight:600}
.topitem-content a:hover{color:#edb038}
.topitem-content span.uname{display:block}
.topitems-left.topitems-right .topitems{}


.topitems{ position:relative; float:left; margin-top:16px; margin-right:16px}
.topimg{ float:left; margin-right:6px; padding-top:1px; margin-top:-2px}
.topitem-content{ float:left}
.topitems-left{ float:left}
.topitems-left.topitems-right { float:right}
.topitems-left.topitems-right .topitems { margin-top:12px}
.topitems-left.topitems-right .topitems img{ position:relative; top:-3px}
.topitem-content a{ color:#069cad; text-decoration:none}
.topitem-content a:hover { color:#069cad}


.top-right .btn-big{ float:left}



.navigation{position: relative;
  margin-top: 36px;
  margin-left: 0px;
  margin-bottom: 30px;}
.navigation1{display:table;margin:auto;position:relative}
.menu-new1{padding-top:0;}
.menu-new1 ul{margin:0;padding:0;list-style:none;}
.menu-new1 ul li{float:left;font-size:15px;color:#333333;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; }
.menu-new1 ul li a{color:#2c2c2c;text-decoration:none;position:relative;padding:20px 23px;display:block;font-weight:600;text-decoration:none;display:block;line-height:1;position:relative;z-index:1;text-align:center;transition: all 0.6s ease-in-out;}
.menu-new1 ul li.home a{  padding: 17px;}
.menu-new1 ul li a:hover{ color:#069cad}
.menu-new1 ul li a:hover, .menu-new1 ul li a.navactive{background-position:0%;color:#069cad}

.nav-open1{width:100%;background:#fff;border:3px solid #ffc632;padding:20px;position:absolute;top:46px;left:0;right:0;margin:auto;display:none;z-index:20000;box-shadow:-1px 5px 7px -4px #222;padding-bottom:10px}
.nav-mobile{width:280px;float:left;}
.nav-mobile-content{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative;}

.close-box {  padding: 1px 7px 5px;  font-size: 18px;  text-align: center;  position: absolute;  top: 13px;  right: 12px;  border: 1px solid #333;  cursor: pointer;  display: none;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  color: #333;  line-height: 18px;  font-size: 19px;}
.nav-mobile-fixed .close-box{display:block}
.nav-mobile-overlay{display:none}

.filtertop{padding-bottom:4px;border-bottom:1px solid #bcbcbc;padding-top:5px}
.filter-mobile{cursor:pointer;display:none;display:block;position:absolute;top:52px;left:10px;width:52px;}
.heading-h4 i{display:none}
  
.nav-mobile{opacity:0;visibility:hidden;overflow:hidden;height:0;}
.nav-mobile-content{left:-350px; position:relative;}
.nav-mobile.nav-mobile-fixed {opacity:1; visibility:visible; overflow:visible; height:100%}
.nav-mobile-content { width:0; overflow:hidden;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out; }
.nav-mobile.nav-mobile-fixed .nav-mobile-content{ position:fixed; top:0; left:0; height:100%; z-index:10000; background:#fff;padding:0; overflow:auto; width:350px; overflow:auto }
.nav-mobile.nav-mobile-fixed .nav-mobile-overlay { position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9000;  top:0; left:0; display:block; overflow:hidden }
.filter-mobile1 svg { width:38px}
.body-fixed { overflow:hidden}
.filter-mobile { display:none}
#menu-gadget #nav li{ width:100%; font-size:15px;}
#menu-gadget #nav li a{ color:#333; text-decoration:none; border-bottom:1px solid #ccc; display:block}
.navigation1 .filter-mobile .btn-big{width:100%;margin:0;margin-top:20px;display:table;margin-left:auto;margin-right:auto;width:91%} 

.menu-new1 ul li li { width:100%}

.menu-new1 #top-menu{float:left}


        .nav-open1{width:178px;background:#fff;border:0;padding:13px;position:absolute;top:48px;left:0;display:none;z-index:20000;box-shadow:0px 3px 7px -2px #222;padding-bottom:4px; padding-top:9px}
.menu-new1 ul li:hover .nav-open1{display:block;animation-name:fadeInUp;animation-duration:0.5s;animation-fill-mode:both;}
.menu-new1 li:hover > a{background-position:0%;}

.nav-align-right .nav-open1{left:inherit;right:0}

.menu-new1 ul li .nav-open1 a{padding:0;padding-bottom:9px;text-transform:none;text-align:left;line-height:20px;font-size:14px;}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% {opacity:0;-webkit-transform:translateY(20px);} 
    50%{opacity:0.3;}
    100% {opacity:1;-webkit-transform:translateY(0);} 
} 
@keyframes fadeInUp { 
    0% {opacity:0;transform:translateY(20px);} 
    50%{opacity:0.3;}
    100%{opacity:1;transform:translateY(0);} 
} 
.fadeInUp{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp; }
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
.parent1{position:relative} 


.top-right { float:right}



@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}


.search { width:260px;  position:relative;  margin-top:5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  float:right; float:left}
.sinput1 { width:100%; background:none; border:0;  padding:10px 37px 9px 12px; font-size:15px; color:#777;border:1px solid #c3c3c3; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  overflow:hidden; background:#fff;font-family:"inter_oblique",Arial, Helvetica, sans-serif}
.sinput2 { position:absolute; top:0px; right:0px; background:none; border:0; width:30px; height:36px; cursor:pointer; background:url(../images/search.svg); background-repeat:no-repeat;background-size: 20px;  background-position: 2px;}

.myaccount-drop { float:left; margin-top:11px; margin-left:18px; position:relative;margin-right:20px;}
.myaccount-text{ font-size:15px;}
.myaccount-text img { float:left; width:30px; position:relative; top:-3px; margin-right:5px}
.myaccount-text .myactext { vertical-align:middle}
.myaccount-dropdown{ position:absolute; top:100%; right:0; width:100%; padding:4px 8px;  background: #ececec;  font-size: 14px; display:none}
.myaccount-dropdown span.dropdtext { width:100%; padding:5px 0; display:block}
.myaccount-dropdown span.dropdtext a { text-decoration:none; display:block}
.myaccount-drop:hover .myaccount-dropdown{ display:block; animation-name:fadeInUp;animation-duration:.5s;animation-fill-mode:both;}
/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% {opacity:0;-webkit-transform:translateY(10px);} 
    50%{opacity:0.3;}
    100% {opacity:1;-webkit-transform:translateY(0);} 
} 
@keyframes fadeInUp { 
    0% {opacity:0;transform:translateY(10px);} 
    50%{opacity:0.3;}
    100%{opacity:1;transform:translateY(0);} 
} 
.fadeInUp{}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp; }

.innerhead{ background:#818181; height:auto; text-align:center}
.innerhead h3 { padding-top:14px; padding-bottom:13px;}

.content { min-height:663px}
.steps { padding-top:72px}
.heading1 {position:relative}
.heading1:before { width:100%; left:0; top:12px; background:#dcdcdc; height:1px; content:''; position:absolute}
.heading1:after { width:100%; left:0; top:14px; background:#dcdcdc; height:1px; content:''; position:absolute}
.heading1 h1,.heading1 h2 { display:table; margin:auto; position:relative;z-index:10; background:#fff; padding:0 15px}

.selectitem { padding-top:28px; overflow:hidden}
.selectitemheading{ padding-bottom:33px}
.img-responsive img { max-width:100%; height:auto}
.productsrow {  display: flex;  flex-direction: row;  flex-wrap: wrap; justify-content: center; overflow:hidden; margin:0 -29px;}
ul.customclass1 {    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: center;    overflow: hidden;    margin: 0 -29px;}
.productsrow .img-responsive { text-align:center;  -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
ul.customclass1 { margin:0; padding:0; }
.probox, .customclass1 li {    width: 94px;    margin: 0 29px;    margin-bottom: 70px;    cursor: pointer; position:relative}
    .probox .img-responsive, .customclass1 li .img-responsive {
        border: 1px solid #fff
    }
.probox.probox-active{}
    .probox h4, .customclass1 li h4 {
        padding-top: 22px;
    }
.probox.probox-active .img-responsive, .probox:hover .img-responsive { border:1px solid #069cad}
    .customclass1 li input[type="radio"]:checked + label .img-responsive {
        border: 1px solid #069cad
    }
    .customclass1 li input[type="radio"]:checked + label h4 {
        color: #069cad
    }
    
.probox.probox-active h3 {
    color: #069cad
}
.customclass1 li input { position:absolute; top:0; left:0; opacity:0}

    .productsrow.productsrow-12items {
        margin: 0 -10px;
    }

    .productsrow.productsrow-12items .probox, .productsrow.productsrow-12items .customclass1 li {
       
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 50px;
        width: 78px
    }
.customclass1 li label {
    cursor: pointer;
}
.sform {
}
.sform-row{}
.sform-col100 { width:100%; margin-bottom:30px}
.sform-col50 { width:49%; float:left}
.sform-col50:nth-child(2) { float:right}
.sforminput1 { width:100%; height:47px; background:none; border:0;  padding:14px 15px; font-size:15px; color:#777;border:1px solid #c3c3c3; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  overflow:hidden; background:#fff;  -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; font-size:14px}
.sforminput1:focus {border:1px solid #069cad;}
.sform-row h4.text17 { margin-bottom:14px}
textarea.sforminput1{ height:81px}
.snote { font-size:15px; position:relative; padding-left:44px; margin-top:12px}
.snote:before { content:'Note:'; position:absolute; top:0; left:0; color:#069cad}

ul.customradio { margin:0; padding:0; list-style:none}
.customradio li { float:left; position:relative; margin-right:25px}
.customradio li:marker { display:none}
.customradio [type="radio"]:checked,.customradio [type="radio"]:not(:checked) {    position: absolute;    left: -9999px;}
.customradio [type="radio"]:checked + label,.customradio [type="radio"]:not(:checked) + label{    position: relative;    padding-left: 28px;    cursor: pointer;    line-height: 20px;    display: inline-block;    color: #666; font-size:15px;}
.customradio [type="radio"]:checked + label:before,.customradio [type="radio"]:not(:checked) + label:before {    content: '';    position: absolute;    left: 0;    top: 0;    width: 18px;    height: 18px;    border: 1px solid #222;    border-radius: 100%;    background: #fff;}
.customradio [type="radio"]:checked + label:after,.customradio [type="radio"]:not(:checked) + label:after {    content: '';    width: 6px;    height: 6px;    background: #686868;    position: absolute;    top: 7px;    left:7px;    border-radius: 100%;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
.customradio [type="radio"]:not(:checked) + label:after {    opacity: 0;    -webkit-transform: scale(0);    transform: scale(0);}
.customradio [type="radio"]:checked + label:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}

.customcheck li { list-style:none}
.customcheck [type="checkbox"]:checked,.customcheck [type="checkbox"]:not(:checked) {    position: absolute;    left: -9999px;}
.customcheck [type="checkbox"]:checked + label,.customcheck [type="checkbox"]:not(:checked) + label{    position: relative;    padding-left: 28px;    cursor: pointer;    line-height: 20px;    display: inline-block;    color: #666; font-size:15px;}
.customcheck [type="checkbox"]:checked + label:before,.customcheck [type="checkbox"]:not(:checked) + label:before {    content: '';    position: absolute;    left: 0;    top: 0;    width: 18px;    height: 18px;    border: 1px solid #222;     background: #fff;}
.customcheck [type="checkbox"]:checked + label::after, .customcheck [type="checkbox"]:not(:checked) + label::after {  content: '';  border-bottom: 2px solid #069cad;  border-right: 2px solid #069cad;  transform: rotate(45deg);  position: absolute;  top: 2px;  left: 7px;  height: 10px;  width: 5px;  -webkit-transition: all 0.2s ease;  transition: all 0.2s ease; }
.customcheck [type="checkbox"]:not(:checked) + label:after {    opacity: 0;  }
.customcheck [type="checkbox"]:checked + label:after {    opacity: 1;  }

.characterselect{ margin-top:0px; margin-bottom:30px}
.characterselect ul {  margin: 0;  padding: 0;  list-style: none;  display: flex;  flex-direction: row; flex-wrap:wrap; justify-content:center; margin-left:-7px; margin-right:-7px; overflow:hidden}
.characterselect li {margin-top:20px;  /*padding: 7px 14px;  border: 1px solid #e3e4e4;  text-transform: uppercase;  font-size: 14px; margin-left:7px; margin-right:7px; cursor:pointer; margin-top:20px; position:relative;*/}
.characterselect li:hover,.characterselect li.characteractive { }
.characterselect li:hover {}

    .characterselect ul.forconfirm2 li {
        position: relative;
        
    }
        .characterselect ul.forconfirm2 li:hover label {
            background: #069cad;
            color: #fff;
            border-color: #069cad
        }
        .characterselect ul.forconfirm2 li label {

            padding: 7px 14px;
            border: 1px solid #e3e4e4;
            text-transform: uppercase;
            font-size: 14px;
            margin-left: 7px;
            margin-right: 7px;
            cursor: pointer;
          
            position: relative;
            display: block
        }
    .characterselect ul.forconfirm2 li input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

        .characterselect ul.forconfirm2 li input[type="radio"]:checked + label {
            background: #069cad;
            color: #fff;
            border-color: #069cad;
        }

        
        .sizeguide {
            font-size: 15px;
            margin-top: 43px;
        }
.sizeguide img { max-width:22px; height:auto; float:left; margin-right:8px; position:relative; top:-1px;}
/* file upload button */
.filecustom input[type="file"]::file-selector-button { padding: 0 16px;  height: 40px;  cursor: pointer;  background-color: white;  border: 1px solid rgba(0, 0, 0, 0.16);  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);  margin-right: 16px;  transition: background-color 200ms; background:#818181; color:#fff; font-size:14px}

/* file upload button hover state */
.filecustom input[type="file"]::file-selector-button:hover {  background-color: #069cad;}
/* file upload button active state */
.filecustom input[type="file"]::file-selector-button:active {  background-color: #069cad;}

.confirm-order { background:#069cad; font-size:17px; color:#fff; width:243px; text-align:center;  display:table; margin:auto; margin-top:20px; font-weight:500 }
.confirm-order a { color:#fff; text-align:center; display:block; text-decoration:none; font-size:17px; padding:16px 16px 15px 16px; -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.confirm-order a:hover { background:#818181;}

.footer{ background:#424242; padding:25px 0; text-align:center; font-size:15px; line-height:30px; color:#fff; margin-top:68px }
.footer a{color:#fff;text-decoration:none}
.steps { display:none}
.steps.step1 { display:block; /*animation-name:fadeInUp;animation-duration:0.5s;animation-fill-mode:both;*/}
.select-ringtypes{ display:none}
.selectmetal{ display:none}

.confirm-order{ display:none}
.showring-types { display:block;/*animation-name:fadeInUp11;animation-duration:1.5s;animation-fill-mode:both;*/}
.show-metals { display:block; /*animation-name:fadeInUp11;animation-duration:1.5s;animation-fill-mode:both;*/}
.show-step2,.show-step3, .show-step4, .show-confirm { display:block; animation-name:fadeInUp11;animation-duration:1.5s;animation-fill-mode:both;clear:both;}


@-webkit-keyframes fadeInUp11 { 
    0% {opacity:0;-webkit-transform:translateY(50px);} 
    50%{opacity:0.3;}
    100% {opacity:1;-webkit-transform:translateY(0);} 
} 
@keyframes fadeInUp11 { 
    0% {opacity:0;transform:translateY(50px);} 
    50%{opacity:0.3;}
    100%{opacity:1;transform:translateY(0);} 
} 
.fadeInUp11{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);}
.fadeInUp11 {-webkit-animation-name:fadeInUp;animation-name:fadeInUp; }

#showstep4 .selectitem { padding-top:45px}
.more a{ font-size:17px; color:#069cad; font-weight:500}
#showstep2 .selectmetal { padding-top:35px}
.stepinner{ padding-top:35px}
.diamondtype-row {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: center;}
.dbox {  min-width:120px; height:40px; font-size:14px; text-align:center; margin-left:10px; margin-right:10px}
.dbox a { display:block; padding:10px; text-decoration:none; border:1px solid #e3e4e4; }
.dbox a:hover,.dbox.dactive a { border:1px solid #069cad}
#showstep4 .probox { margin-bottom:10px}
#showstep4 .customclass1 li {    margin-bottom: 10px}

.pinfobox { padding-right:20px; width:50%}
.pinfobox ul { margin:0; padding:0; list-style:none; padding-top:10px}
.pinfobox li { margin-bottom:10px}

.yourdesign-details{ display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: center;}
.your-image {
    width: 49%;
    text-align: center;
    padding: 25px;
}
.your-text {
    margin-top: 35px;
    width: 49%;
}

 ul.detailsul { margin:0; padding:0; list-style:none; padding-top:23px; }
.detailsul li { margin-bottom:10px}
.price1 { font-size:25px; padding-top:20px}
.textlow { font-size:17px;}

.btn-big1 { min-width:243px;    display:inline-block;   text-align:center; color:#fff; font-size:18px;  display:inline-block;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position:relative;  }
.btn-big1 a{ color:#fff; text-decoration:none; text-transform:uppercas; display:block; padding:15px 25px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; line-height:18px; z-index:2; position:relative;background:#069cad; letter-spacing:0.5px }
.btn-big1 a:hover { background:#424242; color:#fff;  }

.your-text .btn-big1 { margin-top:34px}
.more {display: flex;  flex-direction: row;  width: 100%;  flex-wrap: wrap;  justify-content: center;}

.billin-order{}
.orderdate { float:left; margin-top:45px;}
.orderdate1 { margin-top:10px;}
.billing-address { width:431px; float:right; margin-top:45px; padding-right:85px; position:relative}
.baddress { margin-top:10px;}
.edit { position:absolute; top:0; right:0; font-size:16px;}
.edit img { vertical-align:middle; margin-right:5px; position:relative; top:-1px;}

.orderdetails { margin-top:45px; }

.orderdate1.order-withdate { position:relative; padding-right:105px; display:table }
.orderdate1.order-withdate .edit { color:#069cad }
.orderdetails .heading1 { margin-bottom:30px;}

.orderdetails .checkboxsection { margin-top:40px;}

.orderdetails .btn-big1{ margin-top:40px;}

/*Login page css starts here*/
.loginsection {  margin:auto; margin-top:50px; max-width:600px;}
.loginbox{}
.loginbtn-section{ margin-top:25px }
.registerbox{ display:none}
.loginbtn-section .btn-big1 { float:left}
.loginbtn-section .forgot-password { float:right; font-size:15px; padding-top:16px;}
.loginsection .sforminput1{ margin-top:10px;}

.lform{ margin-top:20px }

.dont-account{ margin-top:50px;}
.ssignup{ text-decoration:underline; cursor:pointer}


/*Signup page css starts here*/
.loginsection { max-width:100%;}
.loginbox { max-width:600px; margin:auto}
.loginbox.registerbox { max-width:100%}
.headingsingupform{ padding-bottom:10px; border-bottom:1px solid #b0b0b0; margin-bottom:35px; margin-top:10px;}
.loginbox.registerbox .filecustom  { margin-top:10px}
.sforminput1 { height:auto}


/*Homepage css starts here*/
.containerfull { max-width:1920px; margin:auto}
.loginbanner{ background:#069cad}
.loginbanner img{ max-width:100%; height:auto}
.loginbanner1 {  display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: center;}
.loginbanner-image{ width:50%; margin-right:auto;}
.loginbanner-text { width:50%; margin-left:auto}
.loginbanner-text1{ max-width:425px; margin:auto}
.loginbanner-text1 .text17 { padding-top:25px;}
.loginbanner-text1 .btn-big1 { display:table; margin:auto; background:#363636; margin-top:30px}
.loginbanner-text1 .btn-big1 a { background:#363636}
.loginbanner-text1 .donthave { padding-top:28px}
.donthave a { text-decoration:underline; color:#fff}
.donthave a:hover { text-decoration:none}

.sbanner{ overflow:hidden;}
.sbanner .containerfull { padding-left:25px; padding-right:25px;}
.sbanner img { max-width:100%; height:auto}
.sbanner1 {display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: center; margin-left:-2%; margin-right:-2%; overflow:hidden}
.sbanner1 .text15 { padding:20px; max-width:645px; margin:auto}
.sbannerbox { width:46%; margin-left:2%; margin-right:2%; margin-top:4%}
.clickhere{ text-align:center; font-size:17px; color:#069cad;}
.clickhere a {color:#069cad; display:inline-block; text-align:center; text-decoration:underline}
.clickhere a:hover { text-decoration:none}

.sbannerimage {}

.questions{ background:url(../images/bg.jpg); background-position:center center; background-repeat:repeat; padding:38px 0; padding-bottom:50px; margin-top:4%;}
.questions1 { max-width:870px; margin:auto}

.quote { display:block;  padding-bottom:0; margin-top:25px}
.quote1 { margin-top:20px }
.heading-h2 { font-size:30px; color:#a98b52; }
.quote1 .heading-h2 { text-transform:uppercase;padding-top:30px; padding-bottom:18px; text-align:center}

.input-row{}
.row50 { float:left; width:48%; margin-top:2%; margin-right:2%; }
.row33 { width:32%}
.input-row .row33:last-child{ margin-right:0}
.input1 { width:100%;  background:#fff; border:0; padding:13px 11px 14px;  font-size:16px; }
.row100 { width:100%}
.input-row textarea{ height:120px;}
.questions label { color:#fff; font-size:15px; margin-bottom:12px; display:block}
.submit { min-width:177px; height:50px; background:#069cad; color:#fff; border:0; text-transform:uppercase; font-size:17px; margin-top:2%;font-weight:600; cursor:pointer ;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.submit:hover { background:#aa0a22}
.quote1 .submit { display:table; margin:auto; margin-top:4%}
.quote1 .submit:hover { background:#fff; color:#069cad}


.contactus { margin-top:50px;}
.contactus .input1 {border:1px solid #c3c3c3}
.contactus .input-row label { display:block; padding-bottom:10px}
.contactus .row50 { margin-top:3%}
.contactus .questions1 { max-width:100%}
.contactus-left{ width:100%; float:left}
.contactus .quote1 .submit { float:left}
.contactus .quote1 { margin-top:10px;}

.contactus-right { width:100%; float:right; background:#efefef; padding:20px;  margin-top:50px}
.contactus1  {display: flex;  flex-direction: row;  flex-wrap: wrap;}
.contactus-right { margin-left:auto}
ul.contactaddress { margin:0; padding:0; list-style:none; }
ul.contactaddress li { margin-bottom:15px;}
ul.contactaddress li a { text-decoration:none; font-weight:600 }
ul.contactaddress li a:hover {color:#069cad}


.myaccount{}
.myaccount-left { width:326px; float:left}

.mlinks {}
.mlinks ul { margin:0; padding:0; list-style:none}
.mlinks li { background:#f3f3f3;  margin-bottom:7px;   }
.mlinks li a { padding:15px; position:relative; padding-left:62px; display:block; text-decoration:none; font-size:17px; color:#202020 }
.mlinks li a:hover, .mlinks li.mactive a { color:#069cad;}
.mlinks li a:hover svg .cls-1, .mlinks li.mactive a svg .cls-1 { color:#069cad !important; fill:#069cad !important}
.mlinks li a:hover svg .cls-3, .mlinks li.mactive a svg .cls-3 { color:#069cad !important; fill:#069cad !important}
.mlinks li a:hover svg .cls-11, .mlinks li a:hover svg .cls-2 {stroke:#069cad  !IMPORTANT}
.mlinks li a:hover svg .cls-222, .mlinks li a:hover svg .cls-222 {fill:#069cad  !IMPORTANT}
.mlinks svg { position:absolute; top:14px; left:20px; width:24px; height:24px}

.myaccount-right { width:800px; float:right;}
.myaccount-right .reviewcart-top h3.text30 { padding-top:0}
.mcart-top .btn1 { float:right}


.myaccount-left { position:relative;}
 .openlinks { display:none; padding:7px 12px;  background:#069cad; color:#fff; margin-bottom:6px; font-weight:600;}

.mpersonal-details .register-form { margin-top:0}

.myaccount { margin-top:65px}
.myaccounttop{  position:relative; padding-top:1px; padding-bottom:37px; margin-bottom:45px;}
.myaccounttop1 { position:relative; padding-left:250px; margin-top:68px}
.myaccounttop:before { width:100%; height:150px; background:url(../images/myaccountbg1.jpg); background-position:center center; background-repeat:repeat; content:''; position:absolute; top:0; left:0}
.myaccounttop img { max-width:100%; height:auto}
.myaccountimage { float:left; border:2px solid #069cad; position:absolute; top:0; left:32px; }
.myaccounttext{ position:relative}
.myacmainhead { padding-top:40px}
.myacadd1{ float:left}
.myacaddres  { margin-top:33px}
.myacaddres .edit{ float:right; position:relative }
.edit a { color:#069cad; text-decoration:none}
.edit a:hover { color:#2c2c2c}
.myaccount-right .orderdate1.order-withdate { display:block}
.myaccount-right .orderdate1 { margin-top:16px}
.myaccount-right .orderdetails { margin-top:0}

.changepassword .input1 { border:1px solid #c3c3c3; margin-top:10px}
.changepassword .input-row { margin-top:25px;}

.tickets .orderdetails .btn-big1 { margin-top:28px}

.recenttickets{ margin-top:55px}
table.ticketstable { border:0;  border-collapse: collapse;  margin: 0;  padding: 0;  width: 100%;  table-layout: fixed; margin-top:20px}

table.ticketstable caption {  font-size: 1.5em;  margin: .5em 0 .75em;}

table.ticketstable tr {  background-color: #fff;  border: none; border-bottom:1px solid #dcdcdc;  padding: 0; font-size:15px; color:#2c2c2c;}
table.ticketstable th { font-size:17px; color:#2c2c2c; font-weight:600}
table.ticketstable th,table.ticketstable td {  padding: 15px 0;  text-align: left;}
table.ticketstable th:first-child { width:45%}
.topen { color:#069cad}
.tclose { color:#757575}

.recenttickets table.ticketstable{}
.recenttickets table.ticketstable thead th{ font-size:13px; background:#f4f4f4; padding:10px}
.recenttickets table.ticketstable thead th:nth-child(2) { width:130px}
.recenttickets table.ticketstable tbody td{ font-size:13px; padding:10px}

.yourdesign-details .price1.yourreference { font-size:14px;}
.yourdesign-details .price1.yourreference input { width:100%; padding: 10px;  font-size: 15px;  color: #777;  border: 1px solid #c3c3c3; margin-top:12px}
.yourdesign-details .price1 { font-size:20px}
.logo { text-align:center}
.logo img {max-height: 95px;  width: auto;  text-align: center;}


.invoiceprice{ padding:20px 0; margin-top:40px; border-top:1px solid #ccc;  }

.review-section.invoicecreate { padding:20px; border:1px solid #ccc;}
.review-section.invoicecreate .billin-order {}
.review-section.invoicecreate .billin-order .orderdate { margin-left:auto; margin-top:0}
.review-section.invoicecreate .billin-order .orderdate1 { margin-top:10px; margin-bottom:10px}


.orderdetailsinvoice {  }
.orderdetailsinvoice .orderdate1 {  margin-top: 10px;  width: 50%;}
.review-section.invoicecreate .orderdetails { margin-top:15px;}
.review-section.invoicecreate .orderdetailsinvoice .orderdate1 { margin-top:23px}
.review-section.invoicecreate .orderdetails .heading1 {  margin-bottom: 21px;}

table .badge { font-size:12px}
table.ticketstable.myordertable .badge { font-size:10px}
table.ticketstable.myordertable h3 {  margin-bottom:0}
table.ticketstable.myordertable .btn { padding: 7px 8px;  font-size: 12px;}

.recenttickets table.ticketstable.myordertable thead th:nth-child(2) { width:80px}

.yourdesign-details .your-text .sproduct-information { padding:0; justify-content:flex-start; border:0; padding-top:19px}
.yourdesign-details .your-text ul.detailsul { padding-top:15px; padding-bottom:15px;}

.invoiceprice{ padding:20px 0; margin-top:40px; border-top:1px solid #ccc; padding-top:40px }

.review-section.invoicecreate { padding:40px 25px; border:1px solid #ccc;}
.review-section.invoicecreate .billin-order { text-align:center }
.review-section.invoicecreate .billin-order .orderdate { margin-left:auto; margin-top:0}
.review-section.invoicecreate .billin-order .orderdate1 { margin-top:10px; margin-bottom:10px}


.orderdetailsinvoice {}
.orderdetailsinvoice .orderdate1 {  margin-top: 10px;  width: 50%;}
.review-section.invoicecreate .orderdetails { margin-top:45px;}
.review-section.invoicecreate .orderdetailsinvoice .orderdate1 { margin-top:23px; padding-right:15px; float:left}
.review-section.invoicecreate .orderdetails .heading1 {  margin-bottom: 21px;}

.orderdate11 { float:none; padding-top:5px; margin-top:25px}
.orderdate11 .orderdate1 { margin-top:20px}

.ithumbimages{ margin-top:40px; border-top:1px solid #ccc; padding-top:35px;}
.ithumbimages ul { margin:0; padding:0; list-style:none; display:table}
.ithumbimages li { width:100px; margin-right:20px; margin-top:10px; display:table-cell; height:100px; vertical-align:middle; text-align:center;}
.ithumbimages li img { max-height:99px; width:auto}

.orderdlast .customcheck{ float:left; margin-right:20px; padding-top:7px}
.btn1 { min-width:100px;    display:inline-block;   text-align:center; color:#fff; font-size:16px;  display:inline-block;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position:relative;  }
.btn1 a{ color:#fff; text-decoration:none; text-transform:uppercas; display:block; padding:10px 20px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; line-height:18px; z-index:2; position:relative;background:#424242; letter-spacing:0.5px }
.btn1 a:hover { background:#069cad; color:#fff;  }

.orderdlast { padding-top:33px;}
.orderdlast .btn1 { float:left}


.myaccount1.myac-dashboard .myaccount-left{ width:100%; padding-bottom:10px;}
.myaccount1.myac-dashboard .mlinks li { float:left; margin-right:21px;}
.myaccount1.myac-dashboard .mlinks li:last-child { margin-right:0}
.myaccount1.myac-dashboard .myaccount-right { width:100%}
.myaccount1.myac-dashboard .mlinks li a { padding-left:53px;}


.selectitem.increaseimgsize .customclass1 li{ width:110px; margin-left:20px; margin-right:20px;}
.page-body.dashboard.dashboard-changedesign .container-xl{ max-width:1920px; padding-left:16px; padding-right:16px}

/*Multi items order css start here*/
.loginbox { max-width:100%}
.fillbelowtext { padding-top:40px; padding-bottom:40px}
select.sforminput1 { background-image:url(../images/arrow.png); background-position:top 19px right 9px; background-repeat:no-repeat; text-indent:6px;}
.multipleorder-section textarea.sforminput1 { height:113px}
.order-review { margin-top:52px}
.order-review h3 { position:relative}
.order-review-left{ float:left; width:48%; margin-top:37px}
.order-review-left .edit { font-size:16px}
.order-review-right { float:right}
.orderdetails1{ padding-top:15px}

.multi-btn { display:flex; flex-direction:row; justify-content:center;}
.multi-btn .confirm-order.show-confirm { display:inline-block; float:left; clear:none; margin:0 20px; margin-top:55px}
.confirm-order.show-confirm.confirmblack { background:#424242;}
.confirm-order.show-confirm.confirmblack a:hover { background:#069cad;}
.confirm-order.show-confirm a:hover { background:#424242;}


.myorder {  font-size: 15px;  float: left;  margin-top: 12px; margin-left:20px; display:block !important}
.myorder a {  text-decoration: none;}
.myorder img {  float: left;  width: 24px;  position: relative;  top: -4px;  margin-right: 4px;}

.btn1.btn1-turqoise a { background:#069cad}
.btn1.btn1-turqoise a:hover { background:#424242}
.btn-section {}
.btn-section .btn1 { float:left; margin-top:14px; margin-right:15px;}
.selectdetails{ margin-bottom:25px}
.rownew { margin-bottom:25px}

.selectitem.selectitem-full { padding-top:18px}
.selectitem.selectitem-full .selectdetails{ display:table; margin:auto; text-align:center; margin-bottom:35px}
.selectitem.selectitem-full .btn-section .btn1 { margin-left:10px; margin-right:10px;}

.selectitem.selectitem-full .confirmwith-addmore{ position:relative; width:100%;}
.selectitem.selectitem-full .confirmwith-addmore .addmorebtn { position:absolute; top:0; left:0}

.addmorebtn {color: #fff;  text-align: center;  display: block;  text-decoration: none;  font-size: 17px;  padding: 16px 22px 15px 22px;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; display:block; background: #069cad;  font-size: 17px;  color: #fff;   text-align: center;  font-weight: 500;}
.addmorebtn:hover { background:#424242}

.selectdetails .selectbtn { display:none}
.selectbtn select { width:100%; height:50px; background-color:#fff; border:1px solid #c7c7c7; font-size:14px; color:#3a3a3c;-webkit-appearance: none;  /*Removes default chrome and safari style*/     -moz-appearance: none;  /*Removes default style Firefox*/ position:relative; background-image:url(../images/arrow.png); background-position:top 17px right 9px; background-repeat:no-repeat; text-indent:10px; float:left;  }

.selectringsection h3 { float:left; padding-top:12px}
.selectringsection .search { float:right; display:none; width:260px; display:none}


@media only screen and (max-width:1400px)  {
.text25 {  font-size: 23px;}
.text20 {  font-size: 19px;}
.clickhere { font-size:16px}
.loginbanner-text1 .text17 {  padding-top: 13px;}
.loginbanner-text1 .btn-big1 { margin-top:16px}
.loginbanner-text1 .donthave {  padding-top: 16px;}
.submit { height:47px; font-size:16px;}
}

@media only screen and (max-width:1200px)  {
.container1 { max-width:980px;}
.productsrow { margin:0 -16px;}
    .probox, .customclass1 li {        margin-left: 16px;        margin-right: 16px;    }
    .productsrow.productsrow-12items .probox, .productsrow.productsrow-12items .customclass1 li {        margin-left: 5px;        margin-right: 5px;        margin-bottom: 50px;        width: 72px;    }
	
	.myaccount-left { width:270px;}
	.myaccount-right { width:680px;}
	.mlinks li a { font-size:15px; padding-left:53px;}
	.mlinks svg { width:20px; height:20px}
	
.myaccount1.myac-dashboard .mlinks li a { padding-left:35px;}
.myaccount1.myac-dashboard .mlinks svg { left:9px;}
.myaccount1.myac-dashboard .mlinks li { margin-right:19px;}

.menu-new1 ul li a { padding-left:12px; padding-right:12px;}
.search { width:170px;}
}

@media only screen and (max-width:980px)  {
.container1, .container {  width:96%}
.logo { position:relative; top:0; left:0; width:143px; padding-top:12px}
.logo img { max-width:100%; height:auto}
.top-right {  float: right;  width: 100%;  position: relative;}
.search { width:100%}

.myaccount-drop { position:absolute; top:-61px; right:0; }
.sinput1 { padding-top:9px; padding-bottom:9px; font-size:13px;}
.top-right { margin-top:6px; margin-bottom:6px;}
.myaccount-dropdown  { right:0; left:inherit; width:90px;}


.navigation{top:13px}
.menu-new1{display:none}
.navigation{left:0; width:auto}
.navigation1{display:block}
.filter-mobile1{padding:0}
.filter-mobile{width:60px;} 
.mlogo{width:99px;}
.mlogo img{max-width:100%;height:auto}
.menu-new1{display:none}
.navigation{height:auto;margin-top:0;width:100%}
.filter-mobile { display:block}
.filter-mobile { top:68px;}
.filter-mobile .nav-footer { height:auto; padding-bottom:20px; margin-top:20px}
.filter-mobile { top:21px; left:-8px}
.filter-mobile1{ width:40px}
.filter-mobile1 img { max-width:100%; height:auto}
.myactext{ display:none}

.filtertop { padding-bottom:6px; padding-top:6px; background:#fff; padding-left:10px; padding-right:10px}
.nav-mobile.nav-mobile-fixed .nav-mobile-content{padding-top:0}
.navigation{position:absolute;top:0;left:0;width:auto;z-index:100000;}
.nav-mobile.nav-mobile-fixed #menu-gadget { }
.nav-mobile.nav-mobile-fixed #menu-gadget .sf-menu-phone li > a { padding:20px 15px; padding-right:35px}
.nav-mobile.nav-mobile-fixed #menu-gadget .sf-menu-phone li li > a { padding:15px; padding-left:0 }

.steps {  padding-top: 33px;}
    .probox, .customclass1 li {
        margin-bottom: 50px
    }
.productsrow.productsrow-12items { margin-left:0; margin-right:0}
.productsrow { margin-left:0; margin-right:0;}
ul.customclass1{}

.text17 { font-size:16px;}
.text20 { font-size:18px;}
.text14 { font-size:13px}
.confirm-order { min-width:210px;}
.confirm-order a { padding:14px 16px 13px 16px}

.snote{font-size:15px;}

.customradio [type="radio"]:checked + label,.customradio [type="radio"]:not(:checked) + label{ font-size:14px;}
.more { position:relative; top:-18px;}

.text25 {  font-size: 23px;}
.price1 { font-size:23px;}
.textlow {  font-size: 15px;}

/*Login Css starts here*/
.text18 {  font-size: 17px;}

.text25 {  font-size: 21px;}
.submit { height:45px; font-size:15px;}

.loginbanner-image { width:100%;}
.loginbanner-text { width:100%; padding:40px 0}
.input1 { font-size:15px}
.footer { font-size:14px; padding:20px 0}
.sbanner .containerfull {  padding-left: 15px;  padding-right: 15px;}


 .openlinks { display:table}
.slide-mobile{opacity:0;visibility:hidden;overflow:hidden;height:0;}
.slide-mobile-content{left:-350px; position:relative;}
.slide-mobile.slide-mobile-fixed {opacity:1; visibility:visible; overflow:visible; height:100%}
.slide-mobile-content { width:0; overflow:hidden;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out; }
.slide-mobile.slide-mobile-fixed .slide-mobile-content{ position:fixed; top:0; left:0; height:100%; z-index:1000000; background:#fff;padding:0; overflow:auto; width:350px; overflow:auto }
.slide-mobile.slide-mobile-fixed .slide-mobile-overlay { position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:900000;  top:0; left:0; display:block; overflow:hidden }

.mlinks li a { font-size:15px}
.myaccount-left {width:100%}
.myaccount-right { width:100%; padding:0px}
.mpersonal-details { margin-top:20px; padding:20px}
.myaccount-right .reviewcart-top h3.text30 { padding-top:5px;}
.mpersonal-details li { font-size:16px; margin-bottom:14px}

.myaccount { margin-top:35px}

.input-row label { font-size:15px}



.myaccount1.myac-dashboard .mlinks li { width:100%; margin-right:0}
.myaccount1.myac-dashboard .mlinks { padding:7px}


.selectitem.increaseimgsize .customclass1 li{ width:110px; margin-left:15px; margin-right:15px;}

.textonmobile{ display:none}
.myorder {   position: absolute;  top: -60px;  right:38px;}
.myaccount-drop { margin-right:0}
.logo { padding-top:0}
.top-right { margin-top:0}
.myorder { margin-top:17px;}
.myaccount-drop { margin-top:17px;}


.selectringsection .selectitemheading { padding-bottom:18px}
.selectringsection .selectringsection h3 { padding-top:0}
.selectringsection .search { width:100%}

.selectitem.selectitem-full .selectdetails { width:100%}
.selectdetails .selectbtn { display:block; margin-top:0px}
.selectdetails .btn-section { display:none}
}

@media only screen and (max-width:760px)  {
    .probox, .customclass1 li {
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-bottom: 25px
    }
.selectitemheading {  padding-bottom: 16px;}
.showring-types { padding-bottom:15px}
.productsrow.productsrow-12items .probox {    margin-left: 1%;    margin-right: 1%;    margin-bottom: 50px;    width: 14%;    margin-bottom: 21px;  }
    .productsrow.productsrow-12items .customclass1 li {
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        width: 14%;
        margin-bottom: 21px;
    }


.confirm-order { min-width:180px;}
.confirm-order a { padding:12px 16px 12px 16px; font-size:16px}

.footer { font-size:13px; line-height:24px}

.text17 { font-size:15px;}
.text20 { font-size:17px;}
.text14 { font-size:13px}

.snote{font-size:15px;}
.customorder .text17{font-size:16px}

.sform-col100 { margin-bottom:20px}

.steps {    padding-top: 25px;  }   
.footer { margin-top:25px;}

.customradio [type="radio"]:checked + label,.customradio [type="radio"]:not(:checked) + label{ font-size:13px;}
.your-text { width:100%; margin-left:0}
.more { top:0; margin-bottom:15px}
.more a { font-size:15px;}

.text25 {  font-size: 21px;}
.price1 { font-size:21px;}
.textlow {  font-size: 14px;}

.btn-big1 { font-size:15px; min-width:200px;}
.btn-big1 a { padding: 8px 20px 10px;}

.orderdate { width:100%; margin-top:15px;}
.billing-address { width:100%; margin-top:30px;}
.text15 {  font-size: 14px;}
.customcheck [type="checkbox"]:checked + label, .customcheck [type="checkbox"]:not(:checked) + label { font-size:14px; line-height:20px}

/*Login Css starts here*/
.text18 {  font-size: 16px;}

.sforminput1 { font-size:13px; padding:13px 15px}

.text25 {  font-size: 19px;}

.submit { height:43px; font-size:15px;}

.sbanner1 { margin-left:0; margin-right:0}
.sbannerbox { width:100%; margin-left:0; margin-right:0; margin-top:30px;}
.sbanner1 .text15 { padding:16px; padding-bottom:10px}

.input-row label { font-size:14px}


  table.ticketstable {    border: 0;  }
  table.ticketstable caption {    font-size: 1.3em;  }  
  table.ticketstable thead {    border: none;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;  }
  
  table.ticketstable tr {    border-bottom: 3px solid #ddd;    display: block;    margin-bottom: .625em;  }
  
  table.ticketstable td {    border-bottom: 1px solid #ddd;    display: block;    font-size: .8em;    text-align: right;  }
  
  table.ticketstable td::before {    /*    * aria-label has no advantage, it won't be read inside a table    content: attr(aria-label);    */    content: attr(data-label);    float: left;    font-weight: bold;    }
  
  table.ticketstable td:last-child {    border-bottom: 0;  }
  
  .recenttickets table.ticketstable tbody td { min-height:37px; padding-left:0; padding-right:0}
  .recenttickets {  margin-top: 24px;}
  
  table.ticketstable.myordertable .badge { float:right}
    table.ticketstable.myordertable .btn { float:right}
	table.ticketstable.myordertable td:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
	
	.selectitem.increaseimgsize .customclass1 li{        margin-left: 1%;        margin-right: 1%;        width: 18%;        margin-bottom: 25px}
	
	  /*Multi items order css start here*/
  select.sforminput1 { background-position: top 17px right 9px;}
  .order-review-left { width:100%}
  .order-review-left .edit { font-size:15px}
  
  .fillbelowtext {  padding-top: 22px;  padding-bottom: 5px;}
  .line26 {  line-height: 22px;}
	}
@media only screen and (max-width:550px)  {
    .productsrow.productsrow-12items .probox, .productsrow.productsrow-12items .customclass1 li {
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        width: 18%;
        margin-bottom: 21px;
    }
.sform-col50 { width:100%}
  .confirm-order { min-width:120px;}
.confirm-order a { padding:12px 16px 12px 16px; font-size:15px}
.footer { font-size:12px; line-height:21px}

.text17 { font-size:14px;}
.text20 { font-size:16px;}
.text14 { font-size:12px}
.characterselect ul { padding-top:10px}
.characterselect li { margin-top:10px;}
.sizeguide { margin-top:8px;}

.snote{font-size:15px;}
.customorder .text17{font-size:16px}

.text25 {  font-size: 19px;}
.price1 { font-size:19px;}
.textlow {  font-size: 13px;}

ul.detailsul { padding-top:18px}
.price1 { padding-top:10px;}
.your-text .btn-big1 {  margin-top: 22px;}
.btn-big1 { font-size:15px; min-width:170px  }
.btn-big1 a { padding: 8px 20px 10px;}
.text15 {  font-size: 13px;}
.customcheck [type="checkbox"]:checked + label, .customcheck [type="checkbox"]:not(:checked) + label { font-size:13px; line-height:18px}
.customcheck [type="checkbox"]:checked + label::before, .customcheck [type="checkbox"]:not(:checked) + label::before { }

/*Login Css starts here*/
.dont-account { margin-top:35px;}
.text18 {  font-size: 15px;}

.sforminput1 { font-size:13px; padding:12px 13px}
.headingsingupform { margin-bottom:25px}
.loginsection { margin-top:30px;}

.text25 {  font-size: 17px;}

.row33, .row50, row100 { width:100%; margin-right:0; margin-top:18px}
.questions label { margin-bottom:8px}

.myaccounttop::before { height:120px;}
.myaccounttop1 {  position: relative;  padding-left: 250px;  margin-top: 68px;}
.myaccountimage {   top: -3px;  left: 14px;  width: 110px;}
.myacmainhead {  padding-top: 22px;}
.myacaddres { margin-top:20px}
.edit { font-size:14px;}

.myaccounttop { margin-bottom:30px}

.input-row label { font-size:13px}


	.selectitem.increaseimgsize .customclass1 li{  margin-left: 1%;
    margin-right: 1%;
    width: 31%;}


 /*Multi items order css start here*/
  select.sforminput1 { background-position: top 16px right 9px; background-size:13px}
  .multi-btn {flex-direction: column; align-content: center; align-items: center; padding-top:30px; padding-bottom:20px}
  .multi-btn .confirm-order.show-confirm { margin-top:20px;}

}  
@media only screen and (max-width:480px)  {
.nav-mobile.nav-mobile-fixed .nav-mobile-content { width:310px;}

 .university-box .img-responsive { width:250px;}
 
 .fillbox-section { margin-left:-1%; margin-right:-1%; overflow:hidden; width:auto}
 .fillbox-section .filbox { width:48%; margin-left:1%; margin-right:1%; float:left}

.select-main { width:135px;}

.faq-box { padding:4px 14px}

.billingaddress {  padding: 11px 17px;}
.reviewbox1 { padding:0px; margin-bottom:25px}
.reviewbox1 .img-responsive { position:relative; top:0; left:0; float:none; text-align:center }
.reviewbox-content1 { margin-left:0; margin-top:15px;}
.paymenticons { float:none; text-align:center; margin-bottom:15px}
.stripe-confirm .btn-big { float:none; display:table; margin:auto}
.stripe-confirm .paymenticons  { margin-top:24px}

/*Contact us css starts here*/
.gmaps { padding-top:70%}
.innerbanner1 { height:150px;}
.innerbanner1 h1 { font-size:30px}

 .btn-big a {    padding: 10px 18px;  }
  .btn-big {    font-size: 13px;    min-width: 140px;  }
.uni-right  .btn-big a { padding-left:14px; padding-right:14px;}

/*Study in soctland css starts here*/
.flagsymbol img{ max-width:100%; height:auto}
.scot-flag { text-align:center; width:44%; margin-left:3%; margin-right:3%}
.scot-symbol { text-align:center; width:44%; margin-left:3%; margin-right:3%}

	/*scottish-culture-traditions-01 css*/


.companies li { width:48%}
.companies li a { height:51px}

    .probox, .customclass1 li {
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
    }
    .productsrow.productsrow-12items .probox, .productsrow.productsrow-12items .customclass1 li {
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 50px;
        width: 23%;
        margin-bottom: 15px;
    }
  
  .pinfobox { width:100%}
  .sproduct-information .pinfobox:first-child { margin-top:0px;}
  .sproduct-information .pinfobox { margin-top:15px}
  
.text25 {  font-size: 17px;}
.price1 { font-size:17px;}
.textlow {  font-size: 12px;}

.sforminput1 { font-size:13px; padding:11px 13px}
  
  .myaccounttop1 {    position: relative;    padding-left: 116px;    margin-top: 70px;  }
  .myaccountimage {    top: -3px;    left: 14px;    width: 90px;  }
  .myacaddres {    margin-top: 13px;  }
  
  .myaccounttop { padding-bottom:0px;}
  .orderdetails {  margin-top: 30px;}
}