@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*font-family: 'Open Sans', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic);
/*font-family: 'Playfair Display', serif;*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*font-family: 'Lato', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/*font-family: 'Montserrat', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700italic,700);
/*font-family: 'PT Serif', serif;*/
@import url(https://fonts.googleapis.com/css?family=Mate:400,400italic);
/*font-family: 'Mate', serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,400italic,300italic,700,500italic,500,700italic);
/*font-family: 'Roboto', sans-serif;*/
/*boxes css*/


/*==  first author   ==*/
.author-first-inner {background-color: #ffffff; padding: 14px 21px;	-moz-border-radius: 10px;/*Firefox*/-webkit-border-radius: 10px;/*Safari, Chrome*/border-radius: 10px;cursor: pointer;}
.author-first-inner .thumb { -moz-border-radius: 100px;/*Firefox*/-webkit-border-radius: 100px;/*Safari, Chrome*/border-radius: 100px;  float: left;  overflow: hidden;  width: 100px; height: 100px;}
/* .clearfix{clear: both;} */
.author-first-inner  .tweet-text { color: #272727;   float: right;width: 78%;}
.author-first-inner  .tweet-text  p {font-size: 24px; margin: 7px 0 35px;}
.author-first-inner .thumb img { display: block; width: 100%; height: 100%;}
.author-first-inner .lower-btn > label { color: #9f9f9f;  font-size: 17px; float:left; font-family: "Open Sans";}
.author-first-inner .lower-btn > a { border: 1px solid #c8e4e5; color: #c8e4e5; padding: 7px 18px 8px 48px;  font-weight: bold;  margin: 0 25px 18px0;  float: right;  text-decoration: none;  color: #00b6e6; font-size: 16px;  -moz-border-radius: 20px;/*Firefox*/-webkit-border-radius: 20px;/*Safari, Chrome*/ border-radius: 20px; background-image: url("img/twitter-single.png"); background-repeat: no-repeat; background-position: 15px 13px; background-size: 15px; line-height: normal; font-family: "Open Sans";}
.author-first-inner:hover .tweet-text p  {color: #e53935; }
 .author-first-inner:hover   .lower-btn  a{color: #e53935; border: 1px solid #e53935; background-image: url("img/tweet-hover.png"); background-position: 15px 13px; background-size: 15px;}


 /*==  second author   ==*/
.author-second-inner { padding: 14px 21px;cursor: pointer;
background-image: url("img/second-bg.png"); background-repeat: no-repeat; background-size: 100% 100%;
}
.author-second-inner .thumb { -moz-border-radius: 100px;/*Firefox*/-webkit-border-radius: 100px;/*Safari, Chrome*/border-radius: 100px;  float: left;  overflow: hidden;  width: 100px; height: 100px;}
/* .clearfix{clear: both;} */
.author-second-inner .tweet-text { color: #272727;   float: right;width: 78%;}
.author-second-inner .tweet-text p {font-size: 24px; margin: 0px 0 0px; font-style: italic; padding-left: 5%;}
.author-second-inner .tweet-text .lower-btn { padding-left: 5%;}
.author-second-inner .thumb  img { display: block; height: 100%;}


.author-second-inner .lower-btn label {
    font-size: 17px;
    font-style: italic;
    text-transform: uppercase; color: #9f9f9f;
    margin: 22px 0 15px;
     display: inline-block;

    font: 16px 'Playfair Display', Georgia, serif;
}
.author-second-inner .lower-btn > a {
  background-image: url("img/twitter-single.png");
  background-repeat: no-repeat;
  background-size: 19px auto;
  color: #00b6e6;
  float: right;
  font-size: 16px;
  margin: 0 51px 22px 0;
  padding: 0 0 6px 42px;
  text-decoration: none;
  font-style: italic;
  float: right;
  color: #00b6e6;
  margin: 20px 0 10px;
  background-position: 15px 7px;
  background-size: 15px;
}
.author-second-inner:hover .tweet-text p  {color: #e53935; }
.author-second-inner:hover .lower-btn > a{background-image: url("img/tweet-hover.png"); color: #e53935;}




 /*==  third author   ==*/
.author-third-inner { padding: 40px 0 0 0; cursor: pointer;background-color: transparent; text-decoration: none !important; width: 100%; box-sizing: border-box; display: block; border: none;}
.author-third-inner .thumb { -moz-border-radius: 100px;/*Firefox*/-webkit-border-radius: 100px;/*Safari, Chrome*/border-radius: 100px;  float: left;  overflow: hidden;  width: 100px; padding: 0 3% 5% 5%; height: 100px;}
/* .clearfix{clear: both;} */
.author-third-inner .tweet-text { color: #272727;   float: right;width: 73%;}
.author-third-inner .tweet-text p { display: inline-block; position: relative; border-left: 1px solid #ededed; padding: 0 5% 0 30px; font: 24px "Playfair Display", Georgia, serif; font-style: italic; line-height: 1.2; color: #666666;}
.author-third-inner .thumb  img { display: block; border-radius: 50%; height: 100%; width: 100%;}
.author-third-inner .lower-btn label { font: 15px 'Open Sans', Arial, sans-serif;     font-weight: 700;     color: #314046;    margin: 22px 0 15px;    padding-left: 30px;    display: inline-block;}

.author-third-inner blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 0px;
  margin: 0px;
  background-image: url("img/Quote.png");
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
   border-left: 1px solid #fff;
   background-position: 8px 9px;
   background-size: 20px;
  }
.author-third-inner blockquote.style1 p {
  /*background-image: url("img/twitter-single.png");*/
  /*background-position: 369px 47px;*/
  background-position: 54% 99%;
  background-repeat: no-repeat;
  background-size: 19px auto;
  display: block;
  padding: 0 0 0 30px;
  margin: 0 auto;
  text-indent: 0;
  background-size: 15px;
}
.author-third-inner:hover blockquote.style1 p { background-color: yellow;background-clip: content-box;}

.row.author-nm{display: none;}

.ctt-setting-container{width: 100%; display: block;}
.ctt-setting-container .ctt-left{width: 30%; float: left;}
.ctt-setting-container .ctt-right{width: 69%; float: right;}


/*boxes css*/

/*new changes 1-2-16*/

.tweet-box .click-to-tweet i { display: inline-block;width: 16px; height: 14px; background: url("../images/sprite-twitter.png") no-repeat; margin-right: 3px; position: relative; top: 2px;}
.dis-hint .set-output { width: 44%;}
.col-preview { margin-top: 20px; float: left;}
.dis-hint .set-settings { width: 53%;}
.dis-hint .set-settings label { font-size: 15px;}
.wp-admin .set-settings select, .wp-admin .set-settings input[type="text"] { width:60%; height: 40px; appearance: none; -moz-appearance:none; -webkit-appearance: none;}

.ctt-wrap{ background: #fff; padding: 10px; border: 4px solid #DCDCDC; margin: 10px 20px 0 2px;}
.ctt__settings h3 { font-size: 17px; color: #2B6FB6;}
.box-design, .hint-box-container { border: 1px solid #E4E4E4; padding:20px; display: inline-block;}
.box-design > p { font-size: 14px; text-align: justify; color: #7c7c7c; font-family: "Open Sans",sans-serif !important;}
.ctt-mrsetting ul#ctt-tabmenu li.active a, .ctt-mrsetting ul#ctt-tabmenu li:hover a, .ctt-mrsetting ul#c